<template>
    <div class="hngkContent">
        <BigTitle :currentComponent='currentComponent'/>
        <component :is="currentComponent"></component>
    </div>
</template>

<script>
import Gk from './Gk'
import Fx from './Fx'
import BigTitle from './hngkParts/BigTitle'
import axios from 'axios'
import {
  defineComponent,
  getCurrentInstance,
  onMounted,
  ref,
  provide
} from 'vue'
import { useRouter } from 'vue-router'
export default defineComponent({
    components:{
        Gk,
        Fx,
        BigTitle
    },
    setup(){
        const currentComponent = ref('Gk')
        let childVal = '';
        
        onMounted(()=>{
        })
        return {
            currentComponent
        }
    }
})
</script>

<style lang="stylus" scoped>
    @import '../../assets/varibles.styl'
    .hngkLeft
        position: absolute
        top: vh(117)
        left: vw(24)
        width: vw(365)
        height: vh(963)
        box-sizing: border-box
    .hngkRight
        position: absolute
        top: vh(85)
        right: vw(24)
        width: vw(365)
        height: vh(995)
        box-sizing: border-box 
</style>